<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<script src="http://127.0.0.1:8081/web-apps/apps/api/documents/api.js"></script>
<div id="ds_frame"></div>
<script>
    // 编辑器配置项，完整配置项参见：https://api.onlyoffice.com/editors/config/
    const editorConfig = {
        // 编辑器宽度，也可以设置成百分比，不过要父容器设定具体宽度
        width: 1200,
        // 编辑器高度
        height: 800,
        // 编辑器类型，支持 word、cell（表格）、slide（PPT）
        documentType: 'word',
        // 文档配置
        document: {
            // 当前文档类型
            fileType: 'docx',
            // 文档标识符
            key: 'tmp.docx',
            // 文档地址，绝对路径
            url: 'http://localhost:8085/static/tmp.docx',
            // 文档标题
            title: '测试文档.docx',
            // 权限，每个要打开的文档都可以设置独立的权限
            permissions: {
                // 启用评论
                comment: false,
                // 启用下载
                download: true,
                // 启用编辑
                edit: true,
                // 启用导出
                print: true,
                // 启用预览
                review: true
            }
        },
        editorConfig: {
            // 回调地址
            callbackUrl: 'http://localhost:8085/doc/cbk',
            // 设置语言
            lang: 'zh-CN',
            // 添加用户信息
            user: {
                group: '技术部', id: 'al-01', name: '张三'
            },
            // 模板列表
            templates: [],
            // customization 字段相关配置详解：https://api.onlyoffice.com/editors/config/editor/customization
            customization: {
                // 强制保存
                forcesave: true,
                features: {
                    // 关闭拼写检查
                    spellcheck: false
                }
            }
        }
    }
    var docEditor = new DocsAPI.DocEditor("ds_frame", editorConfig);
</script>